<template>
  <div class="home">
    <ul class="box">
    	<router-link to="/home/main" tag="li" active-class="on">主要内容</router-link>
    	<router-link to="/home/other" tag="li" active-class="on">其他内容</router-link>
    </ul>
	<router-view></router-view>
  </div>
</template>

<script>

</script>

<style lang="scss" scoped>
	.box{
		width: 100%;
		display: flex;
		li{
			flex: 1;
			justify-content: space-around;
			text-align: center;
			font-size: 20px;
			padding: 10px;
		}
	}
	.on{
		background-color: beige;
		color: darkblue;
	}
</style>
